<!-- 接着介绍权重的计算规则： -->
https://mp.weixin.qq.com/s/cuRoS28iSlrsZ0zkN3U5oQ


1.第一优先级：!important会覆盖页面内任何位置的元素样式
2.内联样式，如style="color: green"，权值为1000
3.ID选择器，如#app，权值为0100
4.类、伪类、属性选择器，如.foo, :first-child, div[class="foo"]，权值为0010
5.标签、伪元素选择器，如div::first-line，权值为0001
6.通配符、子类选择器、兄弟选择器，如*, >, +，权值为0000
7.继承的样式没有权值


权值计算公式：
权值 = 第一等级选择器 x 个数，第二等级选择器 x 个数，第三等级选择器 x 个数，第四等级选择器 x 个数


权重的比较规则

当两个权值进行比较的时候，是从高到低逐级将等级位上的权重值
（如 权值 1,0,0,0 对应--> 第一等级权重值，第二等级权重值，第三等级权重值，第四等级权重值）来进行比较的，
而不是简单的 1000个数 + 100个数 + 10个数 + 1个数 的总和来进行比较的，
换句话说，低等级的选择器，个数再多也不会越等级超过高等级的选择器的优先级的